<template>
    <b-col cols="12">
      <!-- <tag-cloud></tag-cloud> -->
      <!-- <hr>  -->
      <b-card :header="header">
          <div class="card-text">
              <ul class="mb-0">
                  <li v-for="(item, index) in introContent" :key="index">
                      <p class="mb-0 db-intro" v-html="item">
                      </p>
                  </li>
              </ul>
          </div>
      </b-card>
      <!-- <hr>
                  <b-card  header="最新更新">
                      <ul>
                          <li><h6>新增收录条目<strong>20</strong>条，来自理论计算结果。</h6></li>
                          <li><h6>新增文章成果：LiXY et.al, Theoretical Chemistry Accounts，2017,136(5):64</h6></li>
                      </ul> 
      </b-card >-->
      </b-col>
  </template>
  
  <script>
  export default {
    name: "DbIntro",
    props: {
        header: String,
        introContent: Array
    },

  }
  </script>
  
  <style scoped>
  .db-intro{
      line-height: 1.6rem;
      font-size: 1.2rem;
      font-weight: 500;
  }
  </style>